const HEADERHEIGHT = 60
const ASIDEWIDTH = 220

export default {
  AppHeader: {
    width: '100%',
    height: `${HEADERHEIGHT}px`,
    boxSizing: 'border-box',
    paddingLeft: '20px',
    paddingRight: '20px',
    backgroundColor: '#409eff',
    color: '#ffffff',
    '&:after': {
      clear: 'both',
      content: '',
      display: 'block',
    }
  },
  Logo: {
    width: '220px',
    height: '100%',
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    float: 'left',
    fontSize: '24px',
  },
  User: {
    height: '100%',
    lineHeight: `${HEADERHEIGHT}px`,
    float: 'right',
  }
}
